<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_711350_nxnjcwgmpee.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script type="text/javascript" src="js/swiper-4.3.3.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部灰栏-->
			<div class="title" style="overflow: hidden;">
				<div class="title_test">
					<span class="title_test_one">全国服务热线：400-000-0000</span>
					<span class="title_test_three"><a href="#">加入收藏</a></span>
					<span class="title_test_two"><a href="#">设为首页</a></span>
				</div>
			</div>
			<!--头部导航栏-->
			<div class="nav">
				<div class="nav_img">
					<img src="img/未标题-1.png"/>
				</div>
				<div class="nav_TK">
					<p class="nav_TK_T">TK科技有限公司</p>
					<p class="nav_TK_cer">cer dcd keo Holdings Co., Ltd.</p>
				</div>
				<div class="nav_home">
					<div class="nav_home_one">
						<a href="index.html">
							<ul>
								<li>首页</li>
								<li class="nav_home_one_e">Home</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="detailed.html">
							<ul>
								<li>关于我们</li>
								<li class="nav_home_one_e">About</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="product.html">
							<ul>
								<li>产品中心</li>
								<li class="nav_home_one_e">Products</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>服务支持</li>
								<li class="nav_home_one_e">Service</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>新闻中心</li>
								<li class="nav_home_one_e">News</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>在线商店</li>
								<li class="nav_home_one_e">Shop</li>
							</ul>
						</a>
					</div>
					
					<div class="nav_home_one">
						<a href="#">
							<ul>
								<li>联系我们</li>
								<li class="nav_home_one_e">Contact&nbsp;Us</li>
							</ul>
						</a>
					</div>
				</div>
			</div>
			<!--轮播图-->
			
			<script type="text/javascript" src="js/swiper-4.3.3.min.js"></script>
		
  		<div class="swiper-container">
    		<div class="swiper-wrapper">
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
		      <div class="swiper-slide"><img src="img/lbt.png" alt="" /></div>
    		</div>
    		<!-- Add Pagination -->
    		<div class="swiper-pagination"></div>
  		</div>
  		
  		  <script src="js/swiper-4.3.3.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var mySwiper = new Swiper('.swiper-container', {
    	autoplay:true,
      pagination: {
        el: '.swiper-pagination',
      },
    }
);
//鼠标滑过pagination控制swiper切换
for(i=0;i<mySwiper.pagination.bullets.length;i++){
  mySwiper.pagination.bullets[i].index=i
  mySwiper.pagination.bullets[i].onmouseover=function(){
    mySwiper.slideTo(this.index);
  };
} 
  </script>
  			<!--渐变-->
  			<div class="change"></div>
  			<!--三块-->
  			<div class="three">
  				<div class="three_one">
  					<div class="three_one_top">
	  					<div class="three_one_img">
	  						<img src="img/pan.png" />
	  					</div>
	  					<p>新闻中心</p>
	  					<p style="font-size: 14px;">NEWS.CENTER</p>
	  					<p style="width: 106px;height: 1px;background-color: white;margin: 0 auto;"></p>
  					</div>
  					<div class="three_one_mid">
  						<div class="three_one_mid_triangle"></div>
  						<div class="three_one_mid_test">
  							<table border="0" cellspacing="5px" cellpadding="">
  								<tr>
  									<td>CeBIT</td>
  								</tr>
  								<tr>
  									<td><img src="img/未标题-2.png" alt="" /></td>
  									<td>
  										<table border="0" cellspacing="" cellpadding="">
  											<tr>
  												<td>创新ICT共建全连接</td>
  											</tr>
  											<tr>
  												<td>世界德国汉诺威展览中心</td>
  											</tr>
  											<tr>
  												<td>3月16日-20日</td>
  											</tr>
  										</table>
  									</td>
  								</tr>
  							</table>
  						</div>
  						<hr style="height:1px;border:none;border-top:1px dashed #0066CC; width: 285px; margin: 15px auto 0px;" />
  						<div class="ulli">
  							<ul>
  								<li><span>上海国际智能展览会</span></li>
  								<li><span>2014德国柏林国际消费类电子产品展览会</span></li>
  								<li><span>2014中国（贵阳）公告安全防范产品博览会</span></li>
  							</ul>
  						</div>
  					</div>
  				</div>
  				
  				<div class="three_two">
  					<div class="three_two_top">
	  					<div class="three_one_img">
	  						<img src="img/good.png" />
	  					</div>
	  					<p>新品发布</p>
	  					<p style="font-size: 14px;">NEWS.PRODUCTS</p>
	  					<p style="width: 106px;height: 1px;background-color: white;margin: 0 auto;"></p>
  					</div>
  					<div class="three_one_mid">
  						<div class="three_two_mid_triangle"></div>
  						<div class="three_two_mid_test">
  							<img src="img/left.png" class="jt"/>
  							<img src="img/未标题3.png"/>
  							<img src="img/right.png" class="jt"/>
  						</div>
  						<p style="color: #2395cb; margin-top: 20px;">s6213w-y</p>
  						<p style=" color: black; font-size: 12px; margin-top: 10px;">海思3518E方案，多码流技术，百万高清</p>
  					</div>
  				</div>
  				
  				<div class="three_three">
  					<div class="three_three_top">
	  					<div class="three_one_img">
	  						<img src="img/yes.png" />
	  					</div>
	  					<p>品牌介绍</p>
	  					<p style="font-size: 14px;">INFORMATION</p>
	  					<p style="width: 106px;height: 1px;background-color: white;margin: 0 auto;"></p>
  					</div>
  					<div class="three_one_mid">
  						<div class="three_three_mid_triangle"></div>
  						<div class="three_two_mid_test">
  							<img src="img/未标题-6.png"/>
  						</div>
  						<div style="background-image: url(img/shuang.png); width: 308px; height: 76px; margin-top: 30px;">
  							<span style="font-size: 12px; width: 206px; display: block; margin: 0 auto; padding-top: 28px;">
  								"siepem"品牌是广州市TK科技有限公司推出的自由品牌
  							</span>
  						</div>
  					</div>
  				</div>
  			</div>
			<!--关于我们-->
			<div class="us">
				<p class="us_us"><b>关于我们</b></p>
				<div class="us_e">
					<p>STORE DISPLAY</p>
				</div>
				<div class="us_body">
					<div class="us_body_test">
						<p>
							广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
						</p>
						<p>
							TK公司自创立以来，一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值
						</p>
					</div>
					<div class="us_body_img">
						<img src="img/未标题-9.png"/>
						<img src="img/未标题-3.png"/>
						<img src="img/未标题-10.png"/>
					</div>
				</div>
					<p class="us_us" style="margin-top: 40px;"><b>联系我们</b></p>
					<div class="us_e" style="margin-bottom: 15px;">
						<p>STORE DISPLAY</p>
					</div>
			</div>
			<!--联系我们-->
			<div class="contact">
				<div class="contact_box">
					<div class="contact_box_left">
						<div class="contact_box_left_two">
							<img src="img/未标题-13.png" />
							<p>微信扫一扫</p>
							<p>关注我们相关的信息</p>
						</div>
						<div class="contact_box_left_three">
							<table border="0" cellspacing="15px" cellpadding="">
								<tr class="ff">
									<td><i class="iconfont icon-rencai iconcolor"></i></td>
									<td>服务热线：400-000-0000</td>
								</tr>
								<tr>
									<td><i class="iconfont icon-youjian iconcolor"></i></td>
									<td>服务热线：400-000-0000</td>
								</tr>
								<tr>
									<td><i class="iconfont icon-print iconcolor"></i></td>
									<td>服务热线：400-000-0000</td>
								</tr>
								<tr>
									<td><i class="iconfont icon-bianmubianma iconcolor"></i></td>
									<td>服务热线：400-000-0000</td>
								</tr>
								<tr>
									<td><i class="iconfont icon-dizhi iconcolor"></i></td>
									<td>服务热线：400-000-0000</td>
								</tr>
							</table>
						</div>
						<div class="img">
							<img src="img/dt.png" style="width: 426px; height: 195px; margin-top: 40px;"/>
						</div>
					</div>
					<div class="contact_box_right">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>昵称</td>
							</tr>
							<tr>
								<td><input type="text" name="" id="" value="" style="padding-left:5px; outline: none; border: 1px dashed #d4d2d2;" /></td>
							</tr>
							<tr>
								<td>联系电话</td>
							</tr>
							<tr>
								<td><input type="text" name="" id="" value="" style="padding-left:5px; outline: none; border: 1px dashed #d4d2d2;" /></td>
							</tr>
							<tr>
								<td>电子邮件</td>
							</tr>
							<tr>
								<td><input type="text" name="" id="" value="" style="padding-left:5px; outline: none; border: 1px dashed #d4d2d2;" /></td>
							</tr>
							<tr>
								<td>内容</td>
							</tr>
							<tr>
								<td>
									<textarea name="" rows="" cols="" style=" outline: none; border: 1px dashed #d4d2d2;"></textarea>
								</td>
							</tr>
							<tr>
								<td><input type="submit" value="提交" class="haha"  style=" width: 95px;height: 30px; margin-top: 15px; background-color: #3c9cd3; color: white; border: none;"/></td>
							</tr>
						</table>
					</div>
				</div>			
				<div class="foot">
					<div style="margin: 0 auto; width: 200px; height: 30px; padding-top: 20px;">
						<span style="color: white;">关注我们：</span>
						<a href="#">
							<i class="iconfont icon-tubiao214 iconcolor"></i>
						</a>
						<a href="#" style="margin-left: 15px;margin-right: 15px;">
							<i class="iconfont icon-qie iconcolor"></i>							
						</a>
						<a href="#">
							<i class="iconfont icon-weixin iconcolor"></i>							
						</a>
					</div>
					<p style="color: white; text-align: center;">
						<a href="#" style="color: white;">网站首页</a>&nbsp;·&nbsp;<a href="#" style="color: white;">网站首页</a>&nbsp;·&nbsp;<a href="#" style="color: white;">网站首页</a>&nbsp;·&nbsp;<a href="#" style="color: white;">网站首页</a>
					</p>
				</div>
				<div style="background-color: black; height: 35px; overflow: hidden;">
					<p style="color: white; text-align: center; font-size: 12px; margin-top: 10px;">&copy;2015&nbsp;TK科技有限公司&nbsp;版权所有沪ICP证13022560号-7&nbsp; ALL&nbsp;Rights&nbsp;Reserved</p>
				</div>
			</div>
		</div>
	</body>
</html>
